@page "/dashboard"
@using SDK.Authorization
@attribute [Authorize(Roles = $"{Roles.Administrator}, {Roles.Engineer}, {Roles.Reviewer}, {Roles.Auditor}")]

<PageTitle>Dashboard</PageTitle>

<div class="page-loading-bar">
    <MudProgressLinear Color="Color.Primary" Indeterminate="true" Class="my-0" hidden="@(!_isLoading)" />
</div>

<MudToolBar Class="px-0">
    <MudGrid>
        <MudItem xs="4"></MudItem>
        <MudItem xs="4"></MudItem>
        <MudItem xs="4">
            <MudTooltip Text="Widgets">
                <MudIconButton Icon="@Icons.Material.Filled.Widgets" Color="Color.Primary" />
            </MudTooltip>
            <MudTooltip Text="Dashboard Settings">
                <MudIconButton Icon="@Icons.Material.Filled.Settings" Color="Color.Default" />
            </MudTooltip>
        </MudItem>
    </MudGrid>
</MudToolBar>

<MudGrid class="grid-container">
    <MudItem xs="12" md="4" xl="3">
        <WidgetsSelection />
    </MudItem>
    <MudItem xs="12" md="8" lg="8" xl="9">

    </MudItem>
</MudGrid>
